<template>
	<view class="pagesbg">
		<!-- 撤销 -->
		<uni-popup ref="revokeOrderPopup" type="center" :animation="true" @change="changePopup($event,'revokeOrderPopup')">
			<view class="modal">
				<view class="modal-wrapper">
					<view class="psdBox">
						<view class="psdBox-wrapper">
							<view class="psdBox-header">确定撤销当前订单吗？</view>
							<view class="psdBox-input--1"></view>
							<view class="psdBox-btnBox">
								<view class="psdBox-close" @tap="hidePopup('revokeOrderPopup')">取消</view>
								<view class="psdBox-confirm" @tap.stop="$u.throttle(revokeOrder,1500)">确定</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
		<!-- 图片查看弹窗 -->
		<uni-popup ref="imgBoxPopup" type="center" :animation="true" @change="changePopup($event,'imgBoxPopup')">
			<view class="modal">
				<view class="modal-wrapper">
					<view class="imgBoxPopup">
						<image class="ico" :src="imgShow(showUrl)" mode="widthFix" />
					</view>
				</view>
			</view>
		</uni-popup>
		<!-- 头部 -->
		<view class="header-bg"></view>
		<view class="header_bar header_fixed"  :class="heightTop > 20 ? 'header_bg' : ''">
			<view class="header">
				<view class="header-goWhiteBack" @click="$tools.back(1)"></view>
				<view class="header-title--white">{{ getStatus(Number(details.status)) }}</view>
			</view> 
			<!-- <view class="time" v-if="details.status !== 0">需支付：{{ details.totalPrice }},支付剩余：</view> -->
		</view> 
		
		<!-- <view class="orderDetails">
			<view class="orderDetails-wrapper">
				<view class="orderDetails-top">
					<view class="left">
						<view class="statusTitle green"
						:class="{'red' : details.status == -1 || details.status == 0 || details.status == 4 || details.status == 5}">
						{{ getStatus(Number(details.status)) }}...
						</view>
						<view class="time" v-if="details.status == 0">等待买家支付中，请尽快支付</view>
						<view class="time" v-if="details.status == 1">等待商家发货中，请耐心等待</view>
						<view class="time" v-if="details.status == 2">快递正在运输中，请耐心等待</view>
						<view class="time" v-if="details.status == 3">快递已完成</view>
						<view class="time" v-if="details.status == 4">当前订单支付失败</view>
						<view class="time" v-if="details.status == 5">当前订单已取消</view>
					</view>
					<view class="right">
						<view class="status" v-if="details.status == 5">已取消</view>
						<image v-if="details.status == 1 || details.status == 2" src="@/static/shop/waiting.png" mode=""></image>
					</view>
				</view>
				<!-- <view class="orderDetails-tips" v-if="refundDetail.auditType == 3 || refundDetail.auditType == 4">
					<view class="tips" v-if="refundDetail.auditType == 3">商家验收失败，请重新发起售后申请</view>
					<view class="tips" v-if="refundDetail.auditType == 4">寄件成功，待商家确认</view>
					<view class="remarkBox" v-if="refundDetail.auditType == 3">
						<view class="headerTitle">
							<image src="@/static/shop/tips.png" mode=""></image>
							退款驳回详情
						</view>
						<view class="item">
							<text>驳回原因：</text>{{ refundDetail.auditReason }}
						</view>
						<view class="item">
							<text>驳回时间：</text>{{ refundDetail.auditTime }}
						</view>
					</view>
				</view> 
			</view>
		</view> -->
		
		<view class="details">
			<view class="details-list">
				<view class="details-list__item">
					<view class="left">
						<image class="addr" src="@/static/public/addr-1.png" mode=""></image>
						<view class="info">
							<view class="tips">{{ details.userAddress }}</view>
							<view class="main">
								<text>{{ details.realName }}</text><text>{{ details.userPhone }}</text>
							</view>
						</view>
					</view>
					<view class="right">
					</view>
				</view>
			</view>
		</view>
		<view class="sellOrder">
			<view class="sellOrder-wrapper">
				<view class="sellOrder-list">
					<view class="sellOrder-list__item">
						<view class="sellOrder-box">
							<!-- <view class="sellOrder-top">
								<view class="no">
									订单编号：{{ details.orderId }}
									<image @tap.stop="$tools.copy(details.orderId)" class="copy" src="@/static/public/copy--active.png" mode=""></image>
								</view>
							</view> -->
							<view class="sellOrder-content noBorder" 
							 @tap.stop="$tools.jump('/pages/goods/goodsDetails',item.cartInfoMap.productId)"
							v-for="(item,index) in details.cartInfoList" :key="index">
								<view class="imgBox">
									<image :src="imgShow(item.cartInfoMap.productInfo.image)" mode=""></image>
								</view>
								<view class="content">
									<view class="name">{{ item.cartInfoMap.productInfo.storeName }}</view>
									<view class="operate">
										<view class="tips">{{ item.cartInfoMap.productInfo.attrInfo.sku }}</view>
										<view class="num">x{{ item.cartInfoMap.cartNum }}</view>
									</view>
									<view class="price"><image class="ico" src="@/static/index/index-icon1.png" mode="widthFix" />{{ item.cartInfoMap.productInfo.attrInfo.price }}
										<!-- <view class="giveIntegralBox">
											<view class="giveIntegral" v-if="Number(item.cartInfoMap.productInfo.giveIntegral) > 0 && details.totalNum">赠送{{item.cartInfoMap.productInfo.giveIntegral}}积分</view>
										</view> -->
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 订单总金额 -->
		<view class="group-box">
			<view class="group">
				<view class="group-item">
					<view class="title">订单总金额</view>
					<view class="price"><image class="ico" src="@/static/index/index-icon1.png" mode="widthFix" />{{details.totalPrice}}</view>
				</view>
				<view class="group-item">
					<view class="title">总运费</view>
					<view class="price">
						<text v-if="details.totalPostage >0"><image class="ico" src="@/static/index/index-icon1.png" mode="widthFix" />{{ details.totalPostage  }}</text>
						<text v-else>包邮</text>
					</view>
				</view>
				<view class="group-item"  v-if="Number(details.useIntegral) > 0">
					<view class="title">赠送总消费券</view>
					<view class="price">{{ (details.useIntegral) }}</view>
				</view>
				<view class="group-item"  v-if="Number(details.gainIntegral) > 0">
					<view class="title">赠送总积分</view>
					<view class="price">{{ (details.gainIntegral) }}</view>
				</view>
			</view>
			<view class="group">
				<view class="group-item">
					<view class="label">状态：</view>
					<view class="price">{{ getStatus(Number(details.status)) }}</view>
				</view>
				<view class="group-item">
					<view class="label">支付方式：</view>
					<view class="title">{{ getPayType(Number(details.payType)) }}</view>
				</view>
				<view class="group-item">
					<view class="label">实付款：</view>
					<view class="title"><image class="ico" src="@/static/index/index-icon1.png" mode="widthFix" />{{details.payPrice}}</view>
				</view>
				<view class="group-item">
					<view class="label">支付凭证：</view>
					<view class="title" >
						<image class="ico" v-for="(item,index) in verifyCodeList" :key="index" :src="imgShow(item)" @tap.stop="viewImg(item)" mode="" />
					</view>
				</view>
			</view>
			<view class="group">
				<view class="group-item">
					<view class="label">订单号：</view>
					<view class="title">{{ details.orderId }}
						<image @tap.stop="$tools.copy(details.orderId)" class="ico" src="@/static/public/copy--active.png" mode=""></image>
					</view>
				</view>
				<view class="group-item">
					<view class="label">下单时间：</view>
					<view class="title">{{ details.createTime }}</view>
				</view>
				<view class="group-item" v-if="details.deliveryName">
					<view class="label">物流公司:</view>
					<view class="title">{{ details.deliveryName }}</view>
				</view>
				<view class="group-item" v-if="details.deliveryId">
					<view class="label">快递单号:</view>
					<view class="title">{{ details.deliveryId }}
					<image @tap.stop="$tools.copy(details.deliveryId)" class="ico" src="../../static/public/copy--active.png" mode=""></image></view>
				</view>
			</view>
			<!-- <view class="btn" v-if="details.status == 2 || details.status == 3 " @tap.stop="$tools.jump('/pages/order/seeLog',details.orderId,details.id,'order')">查看物流</view> -->
		</view>
		
		<!-- 按钮 -->
		<view class="orderDetails-btnBox" v-if="details.status == 2">
			<!-- <template v-if="details.status == 0">
				<view class="initBtn initBtn--width4" @tap.stop="$tools.jump('/pages/afterSales/afterSales',details.id)">重新申请</view>
				<view class="initBtn initBtn--border initBtn--width4" @tap.stop="$u.throttle(confirmOrder(details.id),1500)">确认收货</view>
			</template> -->
			
			<view class="initBtn" v-if="details.status == 2" @tap.stop="$u.throttle(confirmOrder(details.id),1500)">确认收货</view>
		</view>
		<!-- <view class="orderDetails-btnBox" v-if="details.status == 0" >
			<view class="initBtn" @tap.stop="$u.throttle(cancelOrder(details.id),1500)">取消订单</view>
		</view> -->
		
	</view>
</template>

<script>
	export default {
		components:{
		},
		data(){
			return{
				heightTop: 0,
				fileList1: [],
				describeImages: [],
				id: '',
				details: {},
				currentTime: '',
				refundDetail: {},
				maxCount1: 9,
				systemParam:{},
				verifyCodeList:[],
				showUrl:''
			}
		},
		computed:{
			getStatus(){
				// -1=支付中,0=未支付,1=待发货,2=待收货,3=已完成,4=支付失败,5=取消订单 全部 =orderStatus 为空
				return function(type){
					switch (type){
						case -1:
							return '支付中';
							break;
						case 0:
							return '支付中';
							break;
						case 1:
							return '待发货';
							break;
						case 2:
							return '待收货';
							break;
						case 3:
							return '已完成';
							break;
						case 4:
							return '支付失败';
							break;
						case 5:
							return '已取消';
							break;
					}
				}
			},
			getPayType(){
				return function(type){
					switch (type){
						case 1:
							return '微信';
							break;
						case 2:
							return '支付宝';
							break;
						case 3:
							return '银行卡';
							break;
					}
				}
			}
		},
		onPageScroll(e) {
			this.heightTop = e.scrollTop;
		},
		onLoad(options) {
			this.id = options.value1;
		},
		onShow() {
			this.init();
		},
		methods: {
			init(){
				this.getOrderDetail();
				this.getSystemParam()
			},
			// 确认收货
			confirmOrder(orderId){
				const that = this
				uni.showModal({
				title: '提示',
				content: '确认收货？',
				success: function (res) {
					if (res.confirm) {
						console.log('用户点击确定');
						var data = {};
						data['id'] = orderId;
						console.log("data：",data);
						that.$Ajax('/api/order/confirmOrder/'+orderId,
						data,
						res => {
								if (res.code == 200) {
									that.$tools.toast("确认收货成功");
									that.getOrderDetail();
								}
							}
						),err =>{
						}
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			})
			},
			// 取消订单
			cancelOrder(orderId){
				const that = this
				uni.showModal({
				title: '提示',
				content: '确定取消订单？',
				success: function (res) {
					if (res.confirm) {
						console.log('用户点击确定');
						var data = {};
						data['id'] = orderId;
						console.log("data：",data);
						that.$Ajax('/api/order/cancelOrder/'+orderId,
						data,
						res => {
								if (res.code == 200) {
									that.$tools.toast("取消订单成功");
									that.isShowPage = false;
									that.pages = 1;
									that.pageIndex = 1;
									that.orderList = [];
									that.getOrderList();
								}
							}
						),err =>{
						}
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			})
			},
			// 订单详情
			getOrderDetail() {
				var data = {
					id: this.id,  
				};
				console.log("data：",data);
				uni.showLoading({
					mask: true
				})
				this.$Ajax('/api/order/orderDetail/'+ this.id,data,res => {
						this.details = res.data.data;
						this.currentTime = res.currentTime;
						this.verifyCodeList = (this.details.verifyCode).split(',')
						console.log(this.details,'verifyCodeList',this.verifyCodeList)
						uni.hideLoading();
					}, err => {
						uni.hideLoading();
					}
				)
			},
			// 订单线下支付
			payOrder(orderId){
				const that = this;
				if(this.code_pic.length==0){
					return this.$tools.toast('请上传支付凭证');
				}
				uni.showLoading({
				    title: "提交中",
				    mask: true
				});
				var data = {
					orderId:orderId,
					code_pic:this.code_pic.join(','),
					payType: this.payType,
				};
				console.log("data：",data);
				that.$Ajax('/api/order/confirmOrder/'+orderId,
				data,
				res => {
					uni.hideLoading();
						if (res.code == 200) {
							that.$tools.toast("提交成功");
							that.getOrderDetail();
						}
					}
				),err =>{
					uni.hideLoading();
				}
			},
			// 获取收款方式
			payMethodConfig(){
				var data = {
				};
				uni.showLoading({
					mask:true
				})
				this.$Ajax('/api/money/payMethodConfig',
				data,
				res => {
						// console.log("this.address:",this.address);
						uni.hideLoading();
						if(res.data.length>0){
							const index =res.data.findIndex(item=>item.payMethod==1)
							const index1 =res.data.findIndex(item=>item.payMethod==2)
							const index2 =res.data.findIndex(item=>item.payMethod==3)
							if(index>-1){
								this.payWeixin = res.data[index]
							}
							if(index1>-1){
								this.payAlipay = res.data[index1]
							}
							if(index2>-1){
								this.payCard = res.data[index2]
							}
							console.log(this.payWeixin,this.payAlipay,this.payCard )
						}

					}, err => {
						uni.hideLoading();
					}
				,'GET')
			},
			// 打开去付款
			openPay(orderId){
				this.openPopup('panyMentBoxPopup');
			},
			// 查看大图片
			viewImg(url){
				this.showUrl=url
				console.log(this.showUrl)
				this.openPopup('imgBoxPopup');
			},
			// 切换支付方式
			changeTypeList(index,item){
				if(this.currIndex !=index){
					this.currIndex = index
				}
			},
			// 删除图片 (封面图)
			deletePic(event) {
				// console.log(event);
				// console.log('fileList',this.fileList);
				this[`fileList${event.name}`].splice(event.index, 1);
				this.code_pic.splice(event.index, 1);
				console.log('code_pic',this.code_pic)
			},
			// 新增图片
			async afterRead(event) {
				let that = this;
				console.log(event);
				uni.showLoading({
				    title: "上传中",
				    mask: true
				});
				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
				let lists = [].concat(event.file)
				let fileListLen = that[`fileList${event.name}`].length
				lists.map((item) => {
					that[`fileList${event.name}`].push({
						...item,
					})
				})
				
				let now_time = new Date().getTime();
				uni.uploadFile({
					url: url.webUrl+'/api/common/upload',
					filePath: lists[0].url,
					name: 'file',
					formData: {
						// 'key': now_time,
					},
					success: (uploadFileRes) => {
						let uploadImgUrl = JSON.parse(uploadFileRes.data).data;
						console.log("uploadImgUrl:",uploadImgUrl);
						// this.code_pic = uploadImgUrl.url;
						// this.code_pic = uploadImgUrl.fileName;
						this.code_pic.push(uploadImgUrl.fileName);
						console.log('code_pic',this.code_pic)
						uni.hideLoading();
					},
					fail: (error) => {
						console.log(error);
						uni.hideLoading();
					},
					complete: () => {
						setTimeout(function() {
							uni.hideLoading();
						}, 250);
					},
				});
			},
			/* 弹出框公用 */
			openPopup(e) {
				this.$refs[e].open();
			},
			hidePopup(e) {
				this.$refs[e].close();
				this.password = '';
			},
			changePopup(e) {
				this.typePopup = e.type;
				console.log('popup ' + e.type + ' 状态', e.show);
			},
		}
	}
</script>

<style lang="scss" scoped>
.pagesbg{
	padding-bottom: 160rpx;
	overflow: hidden;
}
.header_bar{
	// background: linear-gradient( #FD4728,#FF7E20);
	.time{
		color: #fff;
		font-size: 24rpx;
		text-align: center;
		padding-top: 0rpx !important;
		line-height: 47rpx;
	}
}
.header-bg{
	height: 220rpx;
	background: url('@/static/user/orderDetail-top.png') no-repeat;
	background-size: 100% 100%;
}
.header_bg{
	background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
}
	.orderDetails{
		&-top{
			@include flexBetween;
			padding: 36rpx 30rpx 20rpx;
			.left{
				@include flexLeftColumn;
				.statusTitle{
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 40rpx;
				}
				.red{
					color: #FA6A45;
				}
				.green{
					color: #1989F8;
				}
				.time{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #999999;
					margin-top: 20rpx;
				}
			}
			.right{
				@include flexRight;
				.status{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #FA6A45;
				}
				image{
					width: 43.55rpx;
					height: 50.69rpx;
				}
			}
		}
		&-tips{
			margin: 0rpx 32rpx;
			border-radius: 10rpx;
			padding: 28rpx 20rpx 30rpx;
			border: 1px solid transparent;
			background-clip: padding-box, border-box;
			background-origin: padding-box, border-box;
			background-image: linear-gradient(to right, #EAF3ED, #EAF3ED),
			linear-gradient(to right, rgba(112, 221, 73, 0.50) 0%, rgba(36, 190, 98, 0.50) 100%);
			.tips{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #131414;
			}
			.remarkBox{
				margin-top: 22rpx;
				background: #FFFFFF;
				border-radius: 8rpx;
				@include flexLeftColumn;
				padding: 20rpx;
				.headerTitle{
					@include flexLeft;
					image{
						width: 24rpx;
						height: 24rpx;
						margin-right: 10rpx;
					}
					font-family: PingFangSC-Medium, PingFangSC-Medium;
					font-weight: 400;
					font-size: 24rpx;
					color: #FA6A45;
				}
				.item{
					font-family: PingFangSC-Regular, PingFangSC-Regular;
					font-weight: 400;
					font-size: 24rpx;
					color: #999999;
					margin-top: 10rpx;
					text{
						color: #FA6A45;
					}
				}
			}
		}
		
	}
	.sellOrder{
		margin-top: 20rpx;
	}
	.group-box{
		width: 93.6%;
		margin: auto;
		&--b{
			margin-bottom: 200rpx;
		}
		.group{
			background: #fff;
			border-radius: 20rpx;
			padding: 32rpx 20rpx;
			margin-top: 20rpx;
				&-item{
					@include flexBetween;
					font-size: 28rpx;
					margin-top: 24rpx;
					.title{
						color: #333;
						max-width: calc(100% - 160rpx);
						word-break: break-all;
					}
					.price{
						font-size: 28rpx;
						font-weight: bold;
						color: #FA6A45;
						background:linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
						@include flexLeft;
					}
					.ico{
						width: 48rpx;
					}
					.label{
						color: rgba(51, 51, 51, 0.8);
					}
					.unit{
						font-size: 22rpx;
					}
				}
				.ico{
					width: 40rpx;
					height: 40rpx;
					display: inline-block;
					vertical-align: middle;
					margin-left: 10rpx;
				}
				&-item:nth-child(1){
					margin-top:0;
				}
		}
		.btn{
			float: right;
			margin-top: 20rpx;
			width: 188rpx;
			text-align: center;
			height: 58rpx;
			line-height: 58rpx;
			border-radius: 132rpx;
			border: 2rpx solid;
			border-image: #FA6A45;
			border:2rpx solid #FA6A45;
			font-size: 28rpx;
			color: #FA6A45;
			background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	}
	// 购买方式
	.panyMentBoxPopup /deep/ .uni-popup__wrapper-box{
		width: 93.6%;
		background: #fff;
		padding: 20rpx;
		border-radius: 20rpx;
	}
	.panyMentBox{
		background: #F2F3F4;
		border-radius: 20rpx;
		padding-bottom: 20rpx;
		.tab{
			&-list{
				@include flexBetween;
				width: 100%;
				border-bottom: 1px solid #D8D8D8;
				padding: 0 78rpx;
			}
			&-item{
				// width: 33.3%;
				text-align: center;
				// height: 72rpx;
				// line-height: 72rpx;
				font-size: 28rpx;
				overflow: hidden;
			}
			&-title{
				color: #878787;
				padding: 32rpx 20rpx;
				&--active{
					font-weight: 500;
					font-size: 32rpx;
					color: #3B3B3B;
					position: relative;
				}
				&--active::before{
					content: '';
					width: 80%;
					height: 4px;
					background: linear-gradient(180deg, #FA6A45 0%, #F94123 100%);
					border-radius: 18px;
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
				}
			}
		}
		&-item{
			padding: 0 20rpx;
			.img{
				margin: auto;
				margin-top: 30rpx;
				width: 224rpx;
				height: 224rpx;
				background: #fff;
				border-radius: 10rpx;
				overflow: hidden;
				image{
					width: 100%;
				}
			}
			.p{
					margin-top: 16rpx;
					text-align: center;
					font-size: 24rpx;
					color: #787878;
					line-height: 50rpx;
				}
			.group{
				background: #fff;
				border-radius: 20rpx;
				padding: 32rpx 20rpx;
				margin-top: 20rpx;
				&-item{
					@include flexBetween;
					font-size: 28rpx;
					margin-top: 24rpx;
					.title{
						color: #333;
						max-width: calc(100% - 160rpx);
						word-break: break-all;
					}
					.price{
						font-size: 28rpx;
						font-weight: bold;
						color: #FA6A45;
						background:linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
						@include flexLeft;
					}
					.ico{
						width: 48rpx;
						display: inline-block;
					}
					.label{
						color: rgba(51, 51, 51, 0.8);
					}
					.unit{
						font-size: 22rpx;
					}
				}
				.ico{
					width: 40rpx;
					height: 40rpx;
					display: inline-block;
					vertical-align: middle;
					margin-left: 10rpx;
				}
				&-item:nth-child(1){
					margin-top:0;
				}
			}
		}
		&-content{
			padding: 0 20rpx;
			.input{
				margin-top: 14rpx;
				background: #fff;
				height: 80rpx;
				padding: 20rpx;

			}
			.warn{
				margin-top: 26rpx;
				font-weight: 500;
				font-size: 24rpx;
				color: #333333;
				line-height: 26rpx;
			}
			.ico{
				width: 30rpx;
				display: inline-block;
				vertical-align: middle;
				margin-right: 10rpx;
			}
			.unload{
				&-box{
					margin-top: 34rpx;
				}
			}
		}
	}
	.noPadding{
		padding: 0;
		width: 100%;
		.sellOrder-content{
			padding-bottom: 24rpx;
			width: 100%;
		}
	}
	
	.details{
		z-index: 666;
		background: #FFFFFF;
		border-radius: 16rpx;
		// margin: 10rpx 30rpx;
		padding-top: 0 !important;
		width: 92%;
		margin: auto;
		margin-top: -80rpx;
		// position: absolute;
		// left: 4%;
		// top: 170rpx;
		&-list{
			@include flexLeftColumn;
			&__item{
				@include flexBetween;
				padding: 28rpx 34rpx;
				border-bottom: 1px solid rgba(112,112,112,0.1412);
				width: 100%;
				&:nth-last-child(1){
					border: none;
				}
				.left{
					@include flexLeft;
					.addr{
						width: 40rpx;
						height: 40rpx;
						margin-bottom: 50rpx;
					}
					.info{
						@include flexLeftColumn;
						margin-left: 32rpx;
						width: 85%;
						.main{
							@include flexLeft;
							text{
								font-family: PingFang SC, PingFang SC;
								font-weight: 400;
								font-size: 24rpx;
								color: #999999;
								margin-right: 32rpx;
								@include initMoreLine(1);
							}
						}
						.tips{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 30rpx;
							color: #333;
							margin-bottom: 15rpx;
							word-break: break-all;
						}
					}
				}
				.right{
					image{
						width: 11.51rpx;
						height: 23.98rpx;
					}
				}
			}
		}
	}
	
</style>